
<!DOCTYPE html>
<html lang="en">

    <head>

        <meta charset="utf-8">
        <title>失物网</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- CSS -->
        <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="plugin/datapicker/datepicker.css">
        <link rel="stylesheet" href="assets/css/style.css">
		
		
        <!-- Javascript -->
        <script src="assets/js/jquery-1.8.2.min.js"></script>
        <script src="assets/bootstrap/js/bootstrap.min.js"></script>
        <script src="assets/js/scripts.js"></script>
		
		<!-- Javascript -->
		 <script src="plugin/datapicker/bootstrap-datepicker.js"></script>
		 
		 

        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <!-- Favicon and touch icons -->
        <link rel="shortcut icon" href="assets/ico/favicon.ico">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
		
		<script type="text/javascript">
		jQuery(document).ready(function(){
			jQuery('#dp3').datepicker();
			jQuery('#dp4').datepicker();
		});
		</script>
		
    </head>

    <body>

        <!-- Header -->
        <div class="container">
            <div class="header row">
                <div class="span12">
                    <div class="navbar">
                        <div class="navbar-inner">
                            <h1>
                                <a class="brand" href="index.html">失物网</a>
                            </h1>
                            <div class="nav-collapse collapse">
                                <ul class="nav pull-right">
                                    <li class="current-page">
                                        <a href="index.html"><i class="icon-home"></i><br />主页</a>
                                    </li>
                                    <li>
                                        <a href="showlist.html"><i class="icon-list-alt"></i><br />快速发布告示</a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="icon-comments"></i><br />创建组织专区</a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="icon-tasks"></i><br />注册用户</a>
                                    </li>
                                    <li>
                                        <a href="about.html"><i class="icon-user"></i><br />关于</a>
                                    </li>
                                    <li>
                                        <a href="contact.html"><i class="icon-envelope-alt"></i><br />联系我们</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
		<!-- session登陆用户信息 -->
		<div class="container">
			<div class="header row">
				<div class="span12" style="text-align:left;height:20px; padding-left:12px;">
				  <a class=" icon-user">你好 :王晓东，欢迎回来！</a> <a class="icon-comment">12条消息等待您的处理！</a>
				 </div>
			</div>
		 </div>
        <!-- Site Description -->
        <div class="presentation container">
            <h2 ><span class="violet">欢迎使用失主网,搜索意想不到！</span></h2>    
        </div>
		<div class="container">
			<div class="row">
				<div class="span12">
				   <div class="span6 offset2">
						<input id="name" type="text" name="name" class="span6" placeholder="请输入失物的标识信息..."/>
				   </div>
				   <div class="span1">
						<button class="btn  btn-block  icon-search" type="button">搜索失物</button>
				   </div>
				</div>
			</div>
			<br/>
		</div>
		<hr>

        <!-- Services -->
        <div class="what-we-do container">
            <div class="row">
                <div class="service span3">
                    <div class="icon-awesome">
                        <i class="icon-eye-open"></i>
                    </div>
                    <h4>发布拾到物品</h4>
                    <p>输入你丢失物品的名称，标识，高级模式更为精确等，期待您能快速寻找到你的宝贝...</p>
                    <a href="services.html">使用...</a>
                </div>
                <div class="service span3">
                    <div class="icon-awesome">
                        <i class="icon-gift"></i>
                    </div>
                    <h4>发布遗失信息</h4>
                    <p>快速而简单的方式上传您拾到的物品，拾金不昧，留下您的联系方式，好人一生平台...</p>
                    <a href="services.html">使用...</a>
                </div>
                <div class="service span3">
                    <div class="icon-awesome">
                        <i class="icon-leaf"></i>
                    </div>
                    <h4>公司/组织专区</h4>
                    <p>您可以创建专区，你可以是酒店，车站，学校等，感谢您帮忙拾起的那份匆忙的疏忽...</p>
                    <a href="services.html">使用...</a>
                </div>
                <div class="service span3">
                    <div class="icon-awesome">
                        <i class=" icon-comment"></i>
                    </div>
                    <h4>休息休息</h4>
                    <p>发布挂失公告，您也可以悬赏招领，留下联系方式，如果吻合我们在第一时间通知您...</p>
                    <a href="services.html">使用...</a>
                </div>
            </div>
        </div>
		</hr>

        <!-- Footer -->
        <footer>
            <div class="what-we-do container">
                <div class="row">
                    <div class="widget span3">
                        <h4>关于我们</h4>
                        <p>本网站是一个完全公益性网站，对于用户的注册信息严格保密，请放心使用.</p>
                    </div>
                    <div class="widget span3">
                        <h4>网站新闻</h4>
                        <p>本网站是一个完全公益性网站，对于用户的注册信息严格保密，请放心使用.</p>
                    </div>
                    <div class="widget span3">
                        <h4>好人好事墙</h4>
                         <p>本网站是一个完全公益性网站，对于用户的注册信息严格保密，请放心使用.</p>
                    </div>
                    <div class="widget span3">
                        <h4>联系我们</h4>
                        <p><i class="icon-map-marker"></i> 地址: 杭州市西湖区文三路黄龙时代广场</p>
                        <p><i class="icon-envelope-alt"></i> Email: <a href="">dantianxuan@qq.com</a></p>
                    </div>
                </div>
                <div class="footer-border"></div>
                <div class="row">
                    <div class="copyright span4">
                        <p>Copyright 2012 losenote - All rights reserved. Design by <a href="#">dandelion</a>.</p>
                    </div>
                </div>
            </div>
        </footer>

		 

    </body>

</html>

